<template>
	<view>
		<text class="rightTit" @click="jumpCreateKeHu">+</text>
		<view class="content">
		 <dropDown :titleArr="titleArr" :dropArr="dropArr" @finishDropClick="finishClick"></dropDown>
		</view>
		<card></card>
		<u-loading-icon  text="正在加载"></u-loading-icon>
	</view>
</template>

<script>
	import dropDown from "../../../components/cc-dropDownMenu/cc-dropDownMenu.vue"
	import card from "../../../components/CardComponents/CardComponents.vue"
	  export default {
	        data() {
	             return {
	           titleArr: ['推荐', '筛选'],
	                          dropArr: [
	                              // 区域
	                              [{
	                                      text: '正序排序',
	                                      value: ""
	                                  },
	                                  {
	                                      text: '倒叙排序',
	                                      value: "440103"
	                                  }, {
	                                      text: '客户名称',
	                                      value: "440104"
	                                  },
	                                  {
	                                      text: "客户类型",
	                                      value: "440105"
	                                  },
	                                  {
	                                      text: '客户状态',
	                                      value: "440106"
	                                  },
	                                  {
	                                      text: '所属行业',
	                                      value: "440111"
	                                  },
	                                  {
	                                      text: '客户来源',
	                                      value: "440114"
	                                  },
	                                  {
	                                      text: '客户星级',
	                                      value: "440117"
	                                  }, {
	                                      text: '保护到期时间',
	                                      value: "440605"
	                                  }
	                              ],
	                              // 户型
	                              [{
	                                      text: '不限',
	                                      value: ""
	                                  }, {
	                                      text: '单间',
	                                      value: "10000"
	                                  },
	                                  {
	                                      text: '一房一厅',
	                                      value: "11000"
	                                  },
	                                  {
	                                      text: '两房一厅',
	                                      value: "21000"
	                                  },
	                                  {
	                                      text: '三房一厅',
	                                      value: "31000"
	                                  }, {
	                                      text: '四房两厅',
	                                      value: "42000"
	                                  }
	                              ],
	          
	                              
	                          ],
	                          filterResultData: []
	            }
	        },
	        methods: {
	 jumpCreateKeHu(){
		 uni.navigateTo({
		 	url:"/pages/my/createkehu/createkehu"
		 })
	 },
	             finishClick(resultData) {
	            
	                            this.filterResultData = resultData;
	                            uni.showModal({
	                                title: '温馨提示',
	                                content: '筛选数据 = ' + JSON.stringify(resultData)
	                            })
	                        }
	        },
			components: {
				card,
				dropDown
			}
	    }
</script>

<style scoped>
	.rightTit{
		display: inline-block;
		width: 100%;
		height: 30px;
		font-weight: bold;
		font-size: 20px;
		color: #0079fe;
		text-align: right;
		background-color:rgba(242, 242, 242, 0.5);
		align-items: center;
	}
	.addShaiX{
		font-size: 20px;
		color: #0079fe;
		float: right;
	}
 .content {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }
 
     .logo {
         height: 200rpx;
         width: 200rpx;
         margin-top: 200rpx;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 50rpx;
     }
 
     .text-area {
         display: flex;
         justify-content: center;
     }
 
     .title {
         font-size: 36rpx;
         color: #8f8f94;
     }
</style>
